<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 声明提升-实例2</title>
</head>

<body>
    <p id="demo"></p>
    <script>
        var x; // 声明 x
        x = 5; // 变量 x 设置为 5
        elem = document.getElementById("demo"); // 查找元素 
        elem.innerHTML = x; 
    </script>
</body>

<!-- 要理解以上实例就需要理解 "hoisting(声明提升)"。
声明提升：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。 -->

</html>